* { outline: none; webkit-focus-ring-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-overflow-scrolling : touch; }
.sec3 ul { background: #0490d3; }
.sec3 li { width: 25%; float: left; text-align: center; padding: 30px 0 20px; }
.sec3 li span { display: block; width: 48px; margin: 0 auto 10px; }
.sec3 li span img{ width:100%;}
.sec3 li p { font-size: 16px; color: #fff; }
.sec3 { margin-bottom: 40px; }
.sec3 .title { margin-top: 0; }
.sec3 .container { position: relative; margin-top: 40px; padding-bottom: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
.sec3 .swiper-container { margin: 30px 80px; }
.sec3 .swiper-container a { display: block; }
.sec3 .swiper-slide { position: relative; }
.sec3 .swiper-slide:nth-child(odd) { padding-bottom: 135px; }
.sec3 .swiper-button-prev { left: 0; }
.sec3 .swiper-button-next { right: 0; }
.sec3 .swiper-slide .text { margin-bottom: 20px; padding: 0 10px; }
.sec3 .swiper-slide:nth-child(odd) .text { position: absolute; height: 170px; bottom: -70px; left: 0; right: 0; overflow: hidden; }
.sec3 .swiper-slide h3 { font-size: 22px; color: #333; margin: 6px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sec3 .swiper-slide span.time { display: block; font-size: 16px; color: #888; }
.sec3 .swiper-slide p { line-height: 30px; font-size: 15px; height: 60px; overflow: hidden; }
.sec3 .swiper-slide span.mor { display: block; width: 90px; line-height: 30px; text-align: center; border-radius: 8px; background: #0490d3; color: #fff; margin-top: 10px; }
.sec3 .swiper-button-prev { width: 50px; height: 30px; background-size: cover; left: 10px; top: 60%; }
.sec3 .swiper-button-next { width: 50px; height: 30px; background-size: cover; right: 10px; top: 60%; }
.pho img { width: 100%; }
.sec5 { background: url(../images/bg3.jpg); padding: 40px 0; }
.sec5 .title { margin-top: 0; }
.sec5 .swiper-slide { transform: scale(0.9); }
.sec5 .swiper-slide-active, .sec5 .swiper-slide-duplicate-active { transform: scale(1); }
.sec5 .container { padding: 0 60px; position: relative; }
.sec5 .swiper-container { padding: 30px 0 50px; }
.sec5 .swiper-slide img { border-radius: 10px; width: 100%; }
.sec5 .swiper-slide a { display: block; position: relative; }
.sec5 .swiper-slide a:after { content: ""; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; background: url(../images/icon8.png) no-repeat center; background-size: cover; }
.sec5 .swiper-pagination { bottom: 0px; }
.sec5 .swiper-pagination-bullet { width: 40px; height: 10px; border-radius: 0; background: #d4d4d4; }
.sec5 .swiper-pagination-bullet-active { background: #0490d3; }
.sec5 .swiper-button-prev { left: 0px; width: 45px; height: 60px; background-size: cover; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.sec5 .swiper-button-next { right: 0; width: 45px; height: 60px; background-size: cover; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); }
.sec5 .swiper-slide a:after { content: ""; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -32px 0 0 -32px; background: url(../images/icon8.png) no-repeat center; background-size: cover; }